<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="/images/favicon.ico"/>
    <title>G_Music</title>
    <link rel="stylesheet" href="/stylesheets/main.css">
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
    <link href="https://cdn.staticfile.org/bootstrap-icons/1.10.3/font/bootstrap-icons.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/axios/1.3.4/axios.min.js"></script>
</head>
<body>
<header id="nav-main" class="p-3 bg-dark text-white fixed-top">
    <div class="container">
        <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
            <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none">
                <img src="/images/favicon.ico" width="32px" height="32px" style="margin-right: 20px" alt="">
            </a>

            <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0 index-nav">
                <li><a onclick="controlJumpto(0,'')"  class="nav-link px-2 text-secondary index-nav-li">首页</a></li>
                <li><a onclick="controlJumpto(1,'')"  class="nav-link px-2 text-white index-nav-li">排行榜</a></li>
                <li><a onclick="controlJumpto(2,'')"  class="nav-link px-2 text-white index-nav-li">歌单</a></li>
                <li><a  class="nav-link px-2 text-white index-nav-li">MV</a></li>
                <li><a  class="nav-link px-2 text-white index-nav-li">歌手</a></li>
                <li><a  class="nav-link px-2 text-white index-nav-li">我的音乐</a></li>
            </ul>

            <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3">
                <input type="search" class="form-control form-control-dark" placeholder="音乐/视频/电台"
                       aria-label="Search">
            </form>

            <div class="text-end">
                <button type="button" class="btn btn-outline-light me-2">登录</button>
            </div>
        </div>
    </div>
</header>
<iframe id="kidFrame" width="100%" scrolling="no" src="/home"></iframe>
<div class="loading-msk">
    <div class="spinner-border text-success loading-icon"></div>
</div>
<script src="/javascripts/index.js"></script>
</body>
</html>
